<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sb" uri="/struts-bootstrap-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><s:text name="global.application.title" /></title>
<link rel='SHORTCUT ICON' href='<s:url value="/img/favicon.ico" />' />

<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="-1" />
<meta name="description" content="Axiohelix AIOS" />
<meta name="keywords" content="Axiohelix, Home Electronics" />
<meta name="author" content="Axiohelix" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />

<sj:head jqueryui="true" jquerytheme="south-street"
	defaultIndicator="defaultIndicator" />
<sb:head />

<link rel="stylesheet" href="<s:url value='/css/style.css' />" />
<link rel="stylesheet" href="<s:url value='/css/mplus_webfonts.css' />" />

<style type="text/css">
#body {
	background-color: #fff;
	border: 1px solid #fff;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	padding: 18px 16px 32px 16px;
}
</style>
</head>
<body class="bg">
	<div class="container">
		<div id="head" class="row-fluid clearfix">
			<div class="title span7">
				<h1>iris key manager</h1>
			</div>
			<div class="date span4">
				<s:include value="/WEB-INF/content/common/date-time.jsp"></s:include>
			</div>
		</div>
		<div class="content">
			<div class="center"></div>

			<div id="body">
				<div class="row">
					<div class="col-lg-10 col-lg-offset-1">
						<div class="title">
							<h2>
								<s:text name="password.change.title" />
							</h2>
						</div>
					</div>


					<div class="col-lg-10 col-lg-offset-1">
						<div id="passwordResetUpdateDiv">
							<s:actionerror cssClass="alert alert-block alert-error"
								cssStyle="padding-left:50px" />
						</div>
						<div>
							<s:form action="change" namespace="/password" method="post"
								theme="bootstrap">
								<fieldset>
									<s:if test="systemUser.email==null">
										<div class="form-group">
											<label for="emailAddress"><s:text
													name="password.email" /></label>
											<s:textfield name="systemUser.email"
												placeholder="%{getText('email.placeholder')}"
												cssClass="form-control" required="true" />
										</div>
									</s:if>
									<s:else>
										<div class="form-group">
											<label for="emailAddress"><s:text
													name="password.email" /></label>
											<s:textfield name="systemUser.email"
												placeholder="%{getText('email.placeholder')}"
												cssClass="form-control" readonly="true" required="true" />
										</div>
									</s:else>

									<div class="form-group">
										<label for="currentPassword"><s:text
												name="current.password" /></label>
										<s:password name="systemUser.userPassword"
											placeholder="%{getText('current.password.placeholder')}"
											cssClass="form-control" showPassword="true" />
									</div>

									<div class="form-group">
										<label for="newPassword"><s:text name="new.password" /></label>
										<s:password name="newPassword"
											placeholder="%{getText('new.password.placeholder')}"
											cssClass="form-control" showPassword="true" />
									</div>

									<div class="form-group">
										<label for="confirmNewPassword"><s:text
												name="confirm.new.password" /></label>
										<s:password name="confirmNewPassword"
											placeholder="%{getText('confirm.new.password.placeholder')}"
											cssClass="form-control" showPassword="true" />
									</div>

									<div class="col-lg-10">
										<div>
											<sj:submit
												value="%{getText('change.password.request.submit')}"
												targets="body" cssClass="btn btn-primary" />

											<s:url var="cancelUrl" action="view" namespace="/home" />
											<s:a href="%{#cancelUrl}" cssClass="btn btn-primary">
												<s:text name="global.cancel" />
											</s:a>
										</div>
									</div>
								</fieldset>
							</s:form>
						</div>
					</div>
				</div>
			</div>
		</div>
		<s:include value="/WEB-INF/content/common/footer.jsp"></s:include>
	</div>
</body>
</html>